<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
  pageEncoding="ISO-8859-1"%>
  
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-nested" prefix="nested" %>

  
<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>UCSUR - Taller de Programacion</title>
<!-- JQuery -->
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">

function ejecutar(accion) {
  document.forms[0].elements["accion"].value = accion;
  document.forms[0].submit();
}

</script>
<!-- Importando el Bootstrap en la pagina JSP -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css" />
<script type="text/javascript" src="js/bootstrap.js"></script>
</head>

<body>
  <div class="container">
    <jsp:include page="jsp_componentes/cabecera.jsp"></jsp:include>
    <div class="row clearfix">
      <div class="col-md-3 column">
        <jsp:include page="jsp_componentes/menu.jsp"></jsp:include>
      </div>
      <div class="col-md-9 column">
        <html:form styleClass="form-horizontal" action="listadoUsuarios.do">
          <input type="hidden" name="accion" id="accion" />
          <fieldset>

            <!-- Form Name -->
            <legend>Usuarios</legend>
            <div>
            <table class="table">
              <thead>
                <tr>
                  <th>Sel.</th>
                  <th>Usuario</th>
                  <th>Nombres y Apellidos</th>
                  <th>Correo</th>
                  <th>Fecha de Nacimiento</th>
                </tr>
              </thead>
              <tbody>
                <nested:iterate property="listaUsuarios" id="usu">
                <tr>
                  <td>
                    <html:radio property="seleccion" value="${usu.codigoUsuario}"></html:radio>
                  </td>
                  <td>${usu.codigoUsuario}</td>
                  <td>${usu.nombres} ${usu.apellidos}</td>
                  <td>${usu.correo1}</td>
                  <td>${usu.fechaNacimiento}</td>
                </tr>
                </nested:iterate>
              </tbody>
            </table>
            </div>
            <div>
             <button type="button" class="btn" onclick="ejecutar('nuevo')">Nuevo</button>&nbsp;
             <button type="button" class="btn" onclick="ejecutar('editar')">Editar</button>&nbsp;
             <button type="button" class="btn" onclick="ejecutar('eliminar')">Eliminar</button>
            </div>
          </fieldset>
        </html:form>

      </div>
    </div>
    <jsp:include page="jsp_componentes/pie.jsp"></jsp:include>
  </div>
</body>

</html>